﻿<%--
Created by IntelliJ IDEA.
首页
User: Admin
Date: 2022/5/30
Time: 15:30
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%--加入该标签手动开启el功能--%>
<%@page isELIgnored="false" %>
<html lang="zxx">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <%--CSS文件链接--%>
    <%@ include file="commit/headQuote.jsp" %>

    <title>结账界面</title>

    <link rel="icon" type="image/png" href="assets/img/favicon.png">
</head>

<body>

<!-- 预紧器 -->
<div class="preloader">
    <div class="loader">
        <div class="shadow"></div>
        <div class="box"></div>
    </div>
</div>
<!-- 结束 预紧器 -->

<!-- Start Header Area -->
<header class="header-area">

    <!-- Top Header -->
    <div class="top-header">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-4 col-md-12">
                    <ul class="top-header-social">
                        <li><a href="#" target="_blank"><i class='bx bxl-facebook'></i></a></li>
                        <li><a href="#" target="_blank"><i class='bx bxl-twitter'></i></a></li>
                        <li><a href="#" target="_blank"><i class='bx bxl-instagram'></i></a></li>
                        <li><a href="#" target="_blank"><i class='bx bxl-pinterest-alt'></i></a></li>
                        <li><a href="#" target="_blank"><i class='bx bxl-linkedin'></i></a></li>
                    </ul>
                </div>

                <div class="col-lg-8 col-md-12">
                    <ul class="top-header-contact-info">
                        <li><i class='bx bx-map'></i> 北大青鸟。</li>
                        <li><i class='bx bx-phone-call'></i> 紧急情况服务热线: <a href="tel:+44587154756">+44 587 154756</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 结束 Top Header -->

    <%--导航区--%>
    <%@ include file="commit/navigationQuote.jsp" %>

</header>
<!-- 结束 Header Area -->

<!-- Start Search Overlay -->
<div class="search-overlay">
    <div class="d-table">
        <div class="d-table-cell">
            <div class="search-overlay-layer"></div>
            <div class="search-overlay-layer"></div>
            <div class="search-overlay-layer"></div>

            <div class="search-overlay-close">
                <span class="search-overlay-close-line"></span>
                <span class="search-overlay-close-line"></span>
            </div>

            <div class="search-overlay-form">
                <form>
                    <input type="text" class="input-search" placeholder="Search here...">
                    <button type="submit"><i class='bx bx-search-alt'></i></button>
                </form>
            </div>
        </div>
    </div>
</div>
<!-- 结束 Search Overlay -->

<!-- Start Page Title Area -->
<section class="page-title-area">
    <div class="container">
        <div class="page-title-content">
            <h2>查看订单</h2>
            <ul>
                <li><a href="index.jsp">主页</a></li>
                <li>订单</li>
            </ul>
        </div>
    </div>
</section>
<!-- 结束 Page Title Area -->

<!-- Start Checkout Area -->
<section class="checkout-area ptb-100">
    <div class="container">
        <div class="user-actions">
            <i class='bx bx-log-in'></i>
            <span>返回客户? <a href="register.jsp">请按此登入</a></span>
        </div>

        <form>
            <div class="col-lg-6 col-md-12">
                <div class="order-details">
                    <h3 class="title">您的订单</h3>

                    <div class="order-table table-responsive">
                        <table class="table table-bordered">
                            <thead>
                            <tr>
                                <th scope="col">产品名称</th>
                                <th scope="col">总计</th>
                            </tr>
                            </thead>

                            <tbody>
                            <tr>
                                <td class="product-name">
                                    <a href="#">医用消毒液</a>
                                </td>

                                <td class="product-total">
                                    <span class="subtotal-amount">$20.00</span>
                                </td>
                            </tr>

                            <tr>
                                <td class="order-shipping">
                                    <span>运费(顺丰包邮)</span>
                                </td>

                                <td class="shipping-price">
                                    <span>$0</span>
                                </td>
                            </tr>

                            <tr>
                                <td class="order-subtotal">
                                    <span>总价格</span>
                                </td>

                                <td class="order-subtotal-price">
                                    <span class="order-subtotal-amount">$20.00</span>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>

                    <div class="payment-box">
                        <div class="payment-method">
                            <p>
                                <input type="radio" id="direct-bank-transfer" name="radio-group">
                                <label for="direct-bank-transfer">支付宝支付</label>
                            </p>
                            <p>
                                <input type="radio" id="paypal" name="radio-group">
                                <label for="paypal">7天无理由退货</label>
                            </p>
                        </div>
                        <a href="./GoodsServlet" class="default-btn">继续购买</a>
                    </div>
                </div>
            </div>
    </div>
    </form>
    </div>
</section>
<!-- 结束 Checkout Area -->

<%--引用页脚区域--%>
<%@ include file="commit/footer.jsp" %>
<%--js文件引用--%>
<%@include file="commit/JsQuote.jsp" %>
</body>
</html>